body {
  margin-bottom: 1.30666666667rem;
}
.m-title {
  width: 10rem;
  height: 1.6rem;
  padding: 0.49333333rem 0.41333333333rem 0.41333333333rem 0.466666666667rem ;
  background: #F4F5FA;
  color: #666666;
  font-size: 0.32rem;
  line-height: 0.4rem;
}
.m-con {
  background: #fff;
}
.m-con > ul > li {
  font-size: 0;
  padding: 0.4rem;
  border-bottom: 0.01333333333rem solid #e5e5e5;
}
.con-top > img {
  width: 1.4666666667rem;
  height: 1.46666666667rem;
  border-radius: 0.7333333333rem;
  display: inline-block;
  margin-right: 0.32rem;
}
.top-item {
  display: inline-block;
  position: relative;
  top: -0.242rem;
}
.top-item > h4 {
  color: #000000;
  font-size: 0.45333333333rem;
  margin-right: 0.2133333333rem;
  display: inline-block;
}
.top-item > img {
  width: 0.4266666667rem;
  height: 0.42666666667rem;
} 
.top-item > p {
  color: #666666;
  font-size: 0.3733333333rem;
  margin-top: 0.21333333333rem;
}
.top-item > p > span {
  color: #dc3838;
  font-size: 0.3733333333rem;
  font-family: "Din Pro Bold";
  margin-left: 0.37333333333rem;
}
.con-top > a {
  width: 1.6rem;
  height: 0.64rem;
  line-height: 0.64rem;
  font-size: 0.32rem;
  color: #fff;
  background: #dc3838;
  text-align: center;
  float: right;
  border-radius: 0.32rem;
  position: relative;
  top: 0.4rem;
}
.con-detail {
  padding: 0.4133333333rem 0;
  font-size: 0;
  width: 100%;
}
.con-detail > p {
  color: #666666;
  font-size: 0.346666666667rem;
  display: inline-block;
  margin-right: 0.24rem;
}
.con-detail > .year > span , .con-detail > .boom > span {
  display: inline-block;
  color: #333333;
  padding: 0 0.32rem;
  border-right: 0.0133333333rem solid #666666;
}
.m-circle , .m-matial {
  color: #999999;
  font-size: 0.346666666667rem;
  margin-bottom: 0.3066666667rem;
  line-height: 0.4rem;
}
 .m-skill {
  color: #999999;
  font-size: 0.346666666667rem;
  line-height: 0.4rem;
 }
.m-matial {
  width: 8.64rem;
}
.m-skill > h4 > p {
  margin-left: 0.2666666667rem;
  width: 1.546666666667rem;
  height: 0.506666666667rem;
  line-height: 0.5066666667rem;
  font-size: 0.32rem;
  display: inline-block;
  text-align: center;
  color: #fff;
  border-radius: 0.05333333333rem;
}
.peizhi {
  background: -webkit-linear-gradient(left, #FC658C , #F85463); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #FC658C , #F85463); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #FC658C , #F85463); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #FC658C , #F85463);
}
.exercise {
  background: -webkit-linear-gradient(left, #F9C037  , #FC9E1E); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(right, #F9C037  , #FC9E1E); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(right, #F9C037  , #FC9E1E); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right, #F9C037  , #FC9E1E);
}
.think {
  display: inline-block;
  width: 49%;
  height: 1.30666666667rem;
  color: #dc3838;
  text-align: center;
  background: url('../images/s-circle-bg.png') 0 0;
  background-size: contain;
  position: fixed;
  bottom: 0;
  left: 0;
  font-size: 0;
  z-index: 10000;
}
.think > p {
  font-size: 0.42666667rem;
  line-height: 1.306666666667rem;
}
.plat {
  display: inline-block;
  width: 49%;
  height: 1.30666666667rem;
  color: #fff;
  text-align: center;
  background: #dc3838;
  position: fixed;
  bottom: 0;
  right: 0;
  font-size: 0;
  z-index: 10000;
}
.plat > p {
  font-size: 0.42666667rem;
  line-height: 1.306666666667rem;
}